import React from "react"
import { useStaticQuery, graphql } from "gatsby"

const Header = () => {
  const { site } = useStaticQuery(
    graphql`
      query {
        site {
          siteMetadata {
            title,
            author
          }
        }
      }
    `
  )

  return (
    <header style={{width: '100%', background: '#8298bc'}}>
      <h1>{site.siteMetadata.title}</h1>
      <h1>{site.siteMetadata.author}</h1>
    </header>
  )
}

export default Header